@charset "utf-8";

* {
 margin: 0;
 padding: 0;
}

body {
 color: #444;
 font-size: 12px;
 font-family: 'Microsoft YaHei', Arial, helvetica, sans-serif;
}

.wrap,
.wp {
 max-width: 1200px;
 margin: 0 auto;
}

ul {
 list-style: none;
}

a {
 color: #fff;
}

a,
a:hover {
 text-decoration: none;
}

img {
 max-width: 100%;
 border: 0;
 transition: .3s;
}

.center {
 text-align: center;
}

header .top {
 max-width: 1200px;
 height: 120px;
 margin: 0 auto;
 overflow: hidden;
}

header h1 {
 float: left;
 height: inherit;
}

header h1 a {
 display: block;
 padding: 23px 0 16px 0;
}

header h1 img {
 height: 75px;
}

header .txt {
 border-left: 1px solid #a1a0a0;
 float: left;
 margin: 25px 0 0 30px;
 padding-left: 30px;
}

header .txt p {
 line-height: 30px;
 font-size: 20px;
 color: #666;
}

header .txt p span {
 font-weight: bold;
 color: #c80003;
}

header .tel {
 float: right;
 background: url(../images/icon-tel.png) left center no-repeat;
 width: 400px;
 padding-left: 50px;
 margin-top: 30px;
}

header .tel p {
 font-size: 15px;
}

header .tel strong {
 color: #d02222;
 font-size: 16px;
 font-weight: bold;
 line-height: 32px;
}

header #menu {
 height: 60px;
 background-color: #003d9a;
}

header .fixed {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 9999;
}

header #menu .par_menu {
 max-width: 1200px;
 height: inherit;
 margin: 0 auto;
}

header #menu .par_menu .nav-has-sub {
 float: left;
 font-size: 18px;
 list-style: none;
 position: relative;
}

header #menu .par_menu .nav-has-sub>a {
 color: #eee;
 text-decoration: none;
 padding: 18px 27px 18px 10px;
 display: block;
}

header #menu .par_menu .nav-has-sub:hover>a {
 color: #e9eaec;
 background: #015eed;
}

header #menu .par_menu .nav-has-sub>a::after {
 width: 4px;
 height: 4px;
 border-bottom: 1px solid #e4eaf4;
 border-right: 1px solid #e4eaf4;
 position: absolute;
 top: 27px;
 right: 10px;
 content: "";
 transform: rotate(45deg);
}

header #menu .par_menu .nav-has-sub:hover>a::after {
 border-color: #990b2c;
}

header #menu .par_menu .nav-has-sub ul {
 border-top: 1px solid #fff;
 position: absolute;
 left: -9999px;
 list-style: none;
 z-index: 2;
}

header #menu .par_menu .nav-has-sub:hover ul {
 left: auto;
}

header #menu .par_menu .nav-has-sub ul li a {
 padding: 10px 20px;
 width: 194px;
 background: #003d9a;
 text-decoration: none;
 color: #eeeeee;
 font-size: 14px;
 border-top: 1px solid #e4eaf4;
 transition: color .2s ease;
 display: inline-block;
}

header #menu .par_menu .nav-has-sub ul li a:hover {
 background: #0485fd;
 color: #e9eaec;
}

header #menu .par_menu ul ul {
 margin-left: 100%;
 top: 0;
}

header #menu .par_menu .nav-has-sub .nav-has-sub-two {
 position: relative;
}

header #menu .par_menu .nav-has-sub .nav-has-sub-two>a::after {
 width: 4px;
 height: 4px;
 border-bottom: 1px solid #e4eaf4;
 border-right: 1px solid #e4eaf4;
 position: absolute;
 top: 17px;
 right: 10px;
 content: "";
 transform: rotate(45deg);
}

header #menu .par_menu .nav-has-sub .nav-has-sub-two:hover>a::after {
 border-color: #990b2c;
}

header #menu .par_menu .nav-has-sub .nav-has-sub-two ul {
 position: absolute;
 left: -9999px;
 top: -1px;
}

header #menu .par_menu .nav-has-sub .nav-has-sub-two:hover ul {
 left: auto;
}

.service {
 max-width: 1200px;
 margin: 60px auto;
 text-align: center;
}

.service .tit {
 font-size: 44px;
 color: rgb(63, 63, 63);
 font-weight: bold;
 background-image: url(../images/tit-bg-why.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 text-align: center;
}

.service .tit span {
 display: block;
 font-size: 20px;
 color: rgb(68, 68, 68);
 margin-top: 10px;
 margin-bottom: 40px;
 font-weight: normal;
}

.service-box {
 max-width: 1200px;
}

.service-box .top-img {
 width: 100%;
 height: auto;
}

.service-box .top-img .activeimg {
 height: 510px;
 overflow: hidden;
}

.service-box .bot-img {
 max-width: 1250px;
 height: 110px;
 margin-right: -75px;
}

.service-box .bot-img li {
 width: 220px;
 margin-right: 22px;
 float: left;
 padding-top: 10px;
}

.service-box .bot-img li:first-child {
 margin-left: 5px;
}

.service-box .bot-img li.active {
 background: url(../images/icon-01.png) no-repeat top center;
}

.service-box .bot-img li img {
 width: 100%;
 height: 90px;
 cursor: pointer;
}

.service-box .bot-img li.active {
 background-image: url(../images/icon-01.png);
}

.diy-server {
 background-image: url(../images/bg-diy.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 padding: 60px 0;
 height: 383px;
 width: 100%;
}

.diy-title {
 text-align: center;
}

.diy-title h4 {
 color: rgb(255, 255, 255);
 font-size: 44px;
 height: 90px;
 line-height: 90px;
}

.diy-title p {
 color: rgb(255, 255, 255);
 font-size: 20px;
 margin-bottom: 40px;
}

.diy-item li {
 float: left;
}

.diy-item li .icon {
 width: 200px;
 padding: 60px 0;
 display: block;
 background: url(../images/bg2.png) no-repeat center center;
 cursor: pointer;
}

.diy-item li:hover .icon {
 background: url(../images/bg2-h.png) no-repeat center center;
}

.diy-item li .pic {
 width: 48px;
 height: 48px;
 margin: 0 auto;
 text-align: center;
 line-height: 48px;
}

.diy-item li .pic img {
 display: inline-block;
 vertical-align: middle;
 width: 100%;
 height: 100%;
}

.diy-item li .pic .img2 {
 display: none;
}

.diy-item li:hover .pic .img1 {
 display: none;
}

.diy-item li:hover .pic .img2 {
 display: inline-block;
}

.diy-item li .txt {
 text-align: center;
 color: rgb(153, 153, 153);
 margin: 10px 0;
}

.diy-item li:hover .txt {
 color: rgb(255, 255, 255);
}

.diy-item li .txt span {
 display: block;
}

.reason {
 max-width: 1200px;
 margin: 55px auto 0;
}

.reason .tit {
 font-size: 44px;
 color: rgb(63, 63, 63);
 font-weight: bold;
 background-image: url(../images/tit-bg-why.png);
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 text-align: center;
}

.reason .tit span {
 display: block;
 font-size: 20px;
 color: rgb(68, 68, 68);
 margin-top: 10px;
 margin-bottom: 40px;
 font-weight: normal;
}

.reason .reason-box {
 overflow: hidden;
}

.reason .reason-box .box-con {
 width: 33.33%;
 float: left;
 cursor: pointer;
}

.reason .reason-box .box-con .con {
 background-color: #f3f5f6;
 margin: 0 19px;
}

.reason .reason-box .box-con .con .pic {
 overflow: hidden;
}

.reason .reason-box .box-con .con .pic img {
 width: 100%;
 height: 100%;
 transition: .6s;
}

.reason .reason-box .box-con .con .pic:hover img {
 transform: scale(1.2);
}

.reason .reason-box .box-con .con .txt {
 padding: 30px 42px 50px 42px;
 color: #666;
}

.reason .reason-box .box-con .con .txt .tt {
 text-align: center;
 font-size: 18px;
 height: 50px;
 line-height: 50px;
 border-bottom: 1px solid #bababa;
 font-weight: 400;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.reason .reason-box .box-con .con .txt p {
 font-size: 14px;
 line-height: 26px;
 margin: 20px 0;
}

.scene {
 background: url(../images/bg-scene.jpg) no-repeat;
 margin-top: 55px;
 width: 100%;
 overflow: hidden;
 background-size: cover !important;
}

.scene .tit {
 font-size: 40px;
 font-weight: 600;
 text-align: center;
 color: #fff;
 padding-top: 60px;
}

.scene .tit span {
 font-size: 18px;
 display: block;
 margin-top: 10px;
}

.scene .simg{
 width: 100%;
 font-size: 0;
 text-align: center;
 margin: 40px 0;
}

.scene .simg img{
 display: inline-block;
 margin: 15px;
}

.products {
 margin: 55px auto 0;
 max-width: 1200px;
}

.products .tit {
 background: url(../images/tit-bg-products.png) no-repeat;
 background-position: center;
 text-align: center;
 font-size: 40px;
 font-weight: 600;
}

.products .tit span {
 font-size: 20px;
 color: #444;
 display: block;
 font-weight: normal;
 margin-top: 10px;
}

.products .products-box .tab {
 text-align: center;
 margin: 30px 0;
}

.products .products-box .tab li {
 display: inline-block;
}

.products .products-box .tab li a {
 display: block;
 margin: 0 5px;
 border-radius: 8px;
 width: 120px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color: #333;
 font-size: 16px;
 background-color: #dbdbdb;
 box-shadow: 0 0 10px rgba(0, 150, 255, 0.2);
}

.products .products-box .tab li.active a {
 background-color: #014f91;
 color: #fff;
 box-shadow: 0 8px 8px 0 rgba(220, 0, 28, 0.12);
}

.products .products-box .item ul {
 overflow: hidden;
}

.products .products-box .item li {
 float: left;
 width: 24%;
 cursor: pointer;
 margin-right: 1%;
}

.products .products-box .item li .pic {
 padding-top: 58%;
 border: 5px solid #e4e4e4;
 position: relative;
 height: 0;
 overflow: hidden;
}

.products .products-box .item li .pic img {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 transition: .6s;
}

.products .products-box .item li:hover .pic img {
 transform: scale(1.2);
}

.products .products-box .item li p {
 color: #fff;
 background-color: #48a4f1;
 text-align: center;
 height: 35px;
 line-height: 35px;
 font-size: 15px;
}

.products .products-box .item li:hover p {
 background-color: #df631d;
}

.cases {
 margin-top: 55px;
 background: url(../images/bg-cases.jpg) no-repeat;
 height: 473px;
}

.cases .tit {
 text-align: center;
 color: #fff;
 font-size: 44px;
 font-weight: 600;
 padding-top: 27px;
 overflow: hidden;
}

.cases .tit span {
 display: block;
 font-size: 20px;
 margin: 15px 0 30px;
 font-weight: normal;
 height: 20px;
 line-height: 24px;
}

.cases .case-box {
 max-width: 1200px;
 margin: 0 auto;
 overflow: hidden;
}

.cases .case-box .cbox {
 width: 800%;
 height: 225px;
}

.cases .case-box .cbox div {
 float: left;
}

.cases .case-box ul {
 overflow: hidden;
 display: block;
 height: 225px;
}

.cases .case-box ul li {
 float: left;
 width: 270px;
 height: inherit;
 margin-right: 40px;
 background-color: #fff;
 overflow: hidden;
}

.cases .case-box ul li .pic {
 overflow: hidden;
 width: 100%;
 height: 171px;
}

.cases .case-box ul li .pic img {
 width: 100%;
 height: 100%;
 transition: .6s;
}

.cases .case-box ul li:hover .pic img {
 transform: scale(1.2);
}

.cases .case-box ul li p {
 height: 50px;
 line-height: 50px;
 text-align: center;
 font-size: 16px;
 color: #222;
}

.cases .more {
 width: 300px;
 height: 50px;
 line-height: 50px;
 margin: 24px auto 0;
 background-color: #014f91;
}

.cases .more:hover {
 background-color: #df631d;
}

.cases .more a {
 display: block;
 font-size: 14px;
 color: #fff;
 text-align: center;
}

.info {
 max-width: 1200px;
 margin: 55px auto 0;
 overflow: hidden;
}

.info .info-box {
 float: left;
 width: 580px;
}

.info .info-box a {
 display: block;
}

.info .info-box .tit {
 background: url(../images/tit-bg-company.png) no-repeat;
 background-position: center;
 background-size: contain;
 font-size: 48px;
 color: #3f3f3f;
 font-weight: 600;
 text-align: center;
}

.info .info-box p {
 font-size: 14px;
 line-height: 26px;
 margin: 28px 0;
 color: #666;
}

.info .info-pic {
 float: right;
 width: 605px;
 height: 375px;
 overflow: hidden;
}

.info .info-pic img {
 width: 100%;
 height: 100%;
 transition: .6s;
}

.info .info-pic:hover img {
 transform: scale(1.2);
}

#main .line {
 margin-top: 55px;
 width: 100%;
}

#main .line img {
 width: 100%;
 height: 100%;
}

.news {
 margin: 55px auto 0;
 max-width: 1200px;
}

.news .tit {
 background: url(../images/tit-bg-news.png) no-repeat;
 background-position: center;
 text-align: center;
 font-size: 40px;
 font-weight: 600;
}

.news .tit span {
 font-size: 20px;
 color: #444;
 display: block;
 font-weight: normal;
 margin-top: 10px;
}

.news .news-box .tab {
 text-align: center;
 margin: 30px 0;
}

.news .news-box .tab li {
 display: inline-block;
}

.news .news-box .tab li a {
 display: block;
 margin: 0 5px;
 border-radius: 8px;
 width: 120px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 color: #333;
 font-size: 16px;
 background-color: #dbdbdb;
 box-shadow: 0 0 10px rgba(0, 150, 255, 0.2);
}

.news .news-box .tab li.active a {
 background-color: #014f91;
 color: #fff;
 box-shadow: 0 8px 8px 0 rgba(220, 0, 28, 0.12);
}

.news .news-box .item {
 max-width: 1200px;
 margin: 0 auto;
}

.news .news-box .item .recommon {
 float: left;
 width: 605px;
 background-color: #f7f7f7;
}

.news .news-box .item .recommon .pic {
 width: inherit;
 height: 375px;
 overflow: hidden;
}

.news .news-box .item .recommon .pic img {
 width: 100%;
 height: 100%;
 transition: .6s;
}

.news .news-box .item .recommon .pic:hover img {
 transform: scale(1.2);
}

.news .news-box .item .recommon .txt {
 padding: 15px 20px;
}

.news .news-box .item .recommon h4 {
 font-size: 16px;
 color: #666;
 font-weight: normal;
 height: 46px;
 line-height: 46px;
 border-bottom: 1px dashed #b5b5b5;
 overflow: hidden;
}

.news .news-box .item .recommon p {
 font-size: 14px;
 color: #aeaeae;
 margin-top: 16px;
 line-height: 24px;
 overflow: hidden;
}

.news .news-box .item ul {
 display: block;
 float: right;
 width: 564px;
}

.news .news-box .item ul li {
 overflow: hidden;
 border-bottom: 1px dashed #b5b5b5;
}

.news .news-box .item ul li:hover {
 border-bottom: 1px solid #014f91;
}

.news .news-box .item ul li a {
 display: block;
 color: #333;
}

.news .news-box .item ul li:hover a {
 color: #014f91;
}

.news .news-box .item ul li h5 {
 float: left;
 width: 455px;
 height: 53px;
 line-height: 53px;
 font-size: 14px;
 font-weight: normal;
 overflow: hidden;
 padding-left: 20px;
 position: relative;
}

.news .news-box .item ul li h5:before {
 content: '';
 width: 8px;
 height: 8px;
 background-color: #7f7f81;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 left: 0;
 margin-top: -4px;
}

.news .news-box .item ul li:hover h5:before {
 background-color: #014f91;
}

.news .news-box .item ul li .time {
 float: right;
 margin-left: 10px;
 font-size: 14px;
 height: 53px;
 line-height: 53px;
}

.news .answer {
 margin-top: 50px;
 overflow: hidden;
}

.news .answer .tit {
 float: left;
 font-size: 26px;
 color: #014f91;
 font-weight: 400;
 background: none;
}

.news .answer .tit span {
 font-size: 12px;
 color: #5b5b5b;
}

.news .answer .box {
 float: right;
 width: 89%;
 height: 99px;
 position: relative;
}

.news .answer .box #answer {
 width: 1068px;
 height: 99px;
 overflow: hidden;
}

.news .answer .box #answer_inner {
 width: 2148px;
 height: 99px;
}

.news .answer .box #answer_ul {
 display: block;
 overflow: hidden;
 position: relative;
 height: 99px;
}

.news .answer .box li {
 width: 460px;
 border: 1px solid #c4c4c4;
 padding: 20px 30px;
 float: left;
 margin-right: 15px;
}

.news .answer .box li h5 {
 padding-left: 40px;
 background: url(../images/icon-wen.png) left center no-repeat;
 font-weight: normal;
}

.news .answer .box li h5 a {
 font-size: 14px;
 color: #222;
 display: block;
 height: 28px;
 line-height: 28px;
 border-bottom: 1px dashed #b5b5b5;
}

.news .answer .box li p {
 font-size: 14px;
 padding-left: 40px;
 background: url(../images/icon-da.png) left center no-repeat;
 height: 28px;
 line-height: 28px;
 color: #999;
 overflow: hidden;
}

.news .answer .box #button-left,
.news .answer .box #button-right {
 width: 50px;
 height: 23px;
 background: url(../images/arrows.png) no-repeat;
 bottom: 0px;
 margin-left: -127px;
 position: absolute;
}

.news .answer .box #button-left {
 background-position: -50px -23px;
 left: 0;
}

.news .answer .box #button-right {
 background-position: -50px 0;
 left: 50px;
}

.news .answer .box #button-left:hover {
 background-position: 0 0;
}

.news .answer .box #button-right:hover {
 background-position: 0 -23px;
}

#main .flink {
 margin-top: 55px;
 background-color: #004dc3;
 border-bottom: 1px solid #b9b9b9;
 overflow: hidden;
 color: #ffffff;
}

#main .flink .item {
 padding: 20px 0;
}

#main .flink .item span {
 float: left;
 font-size: 16px;
 margin-right: 18px;
 font-weight: 600;
 color: inherit;
}

#main .flink .item ul {
 overflow: hidden;
}

#main .flink .item ul li {
 overflow: hidden;
 float: left;
}

#main .flink .item ul li a {
 display: block;
 margin-right: 15px;
 font-size: 14px;
 color: #fff;
 height: 21px;
 line-height: 21px;
}

footer {
 background: #003d9a;
 border-top: 1px solid #b9b9b9;
}

footer .bottom {
 max-width: 1200px;
 margin: 0 auto;
 padding: 56px 0 22px 0;
 overflow: hidden;
 color: #fff;
}

footer .bottom .txt {
 float: left;
 color: #ffffff;
}

footer .bottom .txt .contact {
 font-size: 20px;
 margin-bottom: 5px;
}

footer .bottom .txt .contact span {
 margin-left: 5px;
 font-size: 14px;
}

footer .bottom .txt p {
 line-height: 30px;
}

footer .bottom .follow {
 float: right;
}

footer .bottom .follow .tit {
 font-size: 20px;
 font-weight: 400;
}

footer .bottom .follow .qr {
 width: 146px;
 height: 146px;
 background: url(../images/qr_bg.png) no-repeat center top;
 float: left;
 margin: 10px 10px 0 0;
}

footer .bottom .follow .qr img {
 max-width: 80%;
 max-height: 80%;
 vertical-align: middle;
 padding: 10%;
 display: inline-block;
}

footer .bottom .follow .qr p {
 font-size: 14px;
 text-align: center;
 height: 40px;
 line-height: 40px;
 position: relative;
 top: -22px;
}

footer .copy {
 text-align: center;
 background: #202020;
 height: 50px;
 line-height: 50px;
}

footer .copy p {
 color: #ccc;
}

footer .copy p a {
 color: #ccc;
 display: inline-block;
 text-decoration: none;
}

#main {
 min-height: 800px;
}

.banner {
 width: 100%;
 height: 600px;
}

.banner img {
 max-width: 100%;
 height: 600px;
}

.position {
 height: 40px;
 line-height: 40px;
 background: #f3f3f3;
}

.position .wp {
 background: url(../images/home.png) left center no-repeat;
 padding-left: 20px;
 box-sizing: border-box;
}

.position .wp a {
 color: #2f2f2f;
}

.position .wp a:hover {
 color: #014f91;
}

.simple {
 padding: 10px;
 font-size: 14px;
 border: 1px dotted #e5e5e5;
 color: #868686;
 background-color: #f5f5f5;
 line-height: 26px;
}

.simple p {
 margin-bottom: 14px;
}

.simple p:last-child {
 margin-bottom: 0;
}

.simple p a {
 color: #014f91;
}

.cateLeft {
 width: 287px;
 height: 610px;
 background-color: rgba(255, 255, 255, 0.05);
 position: fixed;
 top: 50%;
 z-index: 1;
 padding: 5px;
 margin-top: -305px;
 border: 1px solid #2a3ba3;
 border-radius: 5px;
}

.cateLeft .topBg {
 background: url(../images/bg-cy.png) no-repeat;
 height: 96px;
 margin: -5px 0 0 -5px;
}

.cateLeft h4 {
 font-size: 16px;
 width: 90%;
 text-align: center;
 padding: 10px 15px 15px;
 float: left;
}

.cateLeft h4 a {
 font-weight: bold;
 color: #ff6600;
}

.cateLeft li {
 float: left;
 width: 135px;
 height: 40px;
 line-height: 40px;
 border: 1px solid #4890b8;
 border-radius: 20px;
 margin-bottom: 5px;
}

.cateLeft li:nth-child(odd) {
 margin-right: 5px;
}

.cateLeft li a {
 width: 100%;
 display: inline-block;
 background-color: #d7f2ff;
 border-radius: 20px;
}

.cateLeft li a:hover span {
 color: #f60;
}

.cateLeft li img {
 width: 28px;
 border: 1px solid #4890b8;
 border-radius: 20px;
 padding: 5px;
 float: left;
}

.cateLeft li span {
 font-size: 12px;
 display: block;
 color: #4890b8;
 height: 38px;
 line-height: 38px;
 float: left;
 margin-left: 5px;
}

#butLeft {
 width: 20px;
 height: 80px;
 border: 1px solid #2a3ba3;
 background-color: rgba(255, 255, 255, 0.05);
 position: fixed;
 top: 50%;
 left: 298px;
 z-index: 1;
 padding: 10px;
 margin-top: -40px;
 cursor: pointer;
 color: #ff6600;
 text-align: center;
 font-size: 14px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}

.row-b1 {
 overflow: hidden;
 padding: 20px 0;
}

.row-b1 .col-l {
 width: 260px;
 float: left;
}

#help-left {
 width: 200px;
 font-family: 'microsoft YaHei';
 float: left;
}

#help-left .menu {
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 width: 176px;
 background-color: #f3f3f3;
}

#help-left .menu summary {
 height: 40px;
 line-height: 40px;
 text-indent: 10px;
 outline: none;
 font-size: 14px;
 font-weight: 700;
 border-top: 1px solid #e4e4e4;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1850a6), color-stop(1, #1850a6));
 cursor: pointer;
 color: #fff;
}

#help-left .menu summary:before {
 content: "+";
 display: inline-block;
 width: 16px;
 height: 16px;
 margin-right: 10px;
 font-size: 18px;
 font-weight: 700;
}

#help-left .menu ul li {
 list-style: none;
 text-indent: 25px;
 font-size: 12px;
 height: 30px;
 line-height: 30px;
}

#help-left .menu ul li a {
 display: block;
 color: #545454;
 border-bottom: 1px solid #ccc;
}

.row-b1 .col-l .work_list {
 width: 176px;
 margin-bottom: 20px;
}

.row-b1 .col-l .work_list a {
 display: block;
}

.row-b1 .col-r {
 width: 940px;
 float: left;
 overflow: hidden;
}

.g-titIns1 {
 height: 44px;
 line-height: 44px;
 font-size: 20px;
 color: #545454;
 font-weight: bold;
 position: relative;
}

.col-r .desc {
 padding: 10px;
 line-height: 26px;
 font-size: 14px;
 border: 1px dotted #e5e5e5;
 color: #868686;
 background-color: #f5f5f5;
}

.list-product {
 margin: 0 -10px 20px -10px;
 overflow: hidden;
}

.list-product li {
 width: 33.3333%;
 float: left;
 margin-top: 20px;
}

.list-product li a {
 margin: 0 10px;
 display: block;
 text-align: center;
}

.list-product li a .pic {
 padding-top: 57%;
 height: 0;
 position: relative;
 overflow: hidden;
 border: 10px solid #e4e4e4;
}

.list-product li a .pic img {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 display: block;
 max-width: 100%;
 max-height: 100%;
 margin: auto;
 transform: 1s;
 -webkit-transform: 1s;
 -moz-transform: 1s;
 -o-transform: 1s;
}

.list-product li a:hover .pic img {
 transform: scale(1.08);
 -webkit-transform: scale(1.08);
 -moz-transform: scale(1.08);
 -o-transform: scale(1.08);
}

.list-product li a p {
 height: 35px;
 line-height: 38px;
 text-align: center;
 font-size: 15px;
 font-weight: 400;
 text-overflow: ellipsis;
 white-space: nowrap;
 margin-top: -5px;
 background-color: #48a4f1;
}

.ul-newslist {
 overflow: hidden;
 margin-bottom: 30px;
}

.ul-newslist li {
 font-size: 14px;
 padding: 20px 0;
 border-bottom: #dddddd 1px dotted;
}

.ul-newslist li a {
 display: block;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.ul-newslist li .tit {
 overflow: hidden;
 margin-bottom: 20px;
 height: 30px;
 line-height: 30px;
}

.ul-newslist li .tit .time {
 float: right;
 font-size: 14px;
 margin-left: 10px;
}

.ul-newslist li .tit a {
 display: block;
 font-size: 16px;
 background: url('../images/news-r.png') left center no-repeat;
 padding-left: 14px;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 font-weight: 600;
 color: #014f91;
}

.ul-newslist li a:hover {
 color: #014f91;
}

.ul-newslist li .txt p {
 font-size: 14px;
 line-height: 24px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

.honors-list {
 padding: 15px;
 border: 1px solid #ddd;
 background-color: #f0f0f0;
}

.honors-list .list-tit {
 margin-bottom: 15px;
 text-align: center;
}

.honors-list .list {
 padding: 15px;
 background-color: #fff;
 border: 1px solid #ddd;
}

.honors-list .list ul {
 clear: both;
 overflow: hidden;
}

.honors-list .list li {
 width: 31%;
 margin-left: 1%;
 margin-right: 1%;
 float: left;
}

.honors-list .list li a {
 display: inline-block;
}

.honors-list .list li a span {
 display: block;
 text-align: center;
 color: #000;
 font-size: 14px;
 margin-bottom: 10px;
 width: 100%;
 height: 24px;
 line-height: 24px;
 overflow: hidden;
}

.g-pages {
 text-align: center;
 margin: 20px 0;
 font-size: 0;
}

.g-pages .pagination {
 height: 30px;
 padding: 20px 0px;
 margin-top: 30px;
}

.g-pages .pagination a {
 display: block;
 float: left;
 margin-right: 10px;
 padding: 2px 12px;
 border: 1px solid #ccc;
 background: #fff;
 text-decoration: none;
 color: #808080;
 font-size: 12px;
 line-height: 24px;
}

.g-pages .pagination a.cur {
 border-color: #014f91;
 background: #014f91;
 color: #fff;
}

.g-pages .pagination a:hover {
 border-color: #014f91;
}

.product-info {
 overflow: hidden;
 padding: 14px 0 0 0;
}

.product-pic {
 float: left;
 width: 380px;
}

.product-pic .qilin-showcase {
 margin-bottom: 30px;
}

.product-pic .pc-slide {
 width: 100%;
 margin: 0 auto;
}

.product-pic .view .swiper-container {
 width: 99%;
 border: 1px solid #a9a9a9;
}

.product-pic .view .swiper-slide {
 padding: 0 2px;
}

.img-center {
 text-align: center;
 font-size: 0;
}

.img-center img {
 display: inline-block;
 width: auto;
 height: auto;
 max-width: 365px;
 max-height: 340px;
 padding: 5px;
 vertical-align: middle;
}

.product-pic .view .swiper-slide .imgauto {
 width: 100%;
 height: 350px;
 line-height: 350px;
}

.preview {
 width: 100%;
 margin-top: 10px;
 position: relative;
}

.preview .arrow-left {
 background: url(../images/arrow-left.png) no-repeat left top;
 position: absolute;
 left: 10px;
 top: 50%;
 margin-top: -9px;
 width: 9px;
 height: 18px;
 z-index: 10;
}

.preview .arrow-right {
 background: url(../images/arrow-right.png) no-repeat left bottom;
 position: absolute;
 right: 10px;
 top: 50%;
 margin-top: -9px;
 width: 9px;
 height: 18px;
 z-index: 10;
}

.preview .swiper-container {
 margin: 0 10%;
}

.preview .swiper-slide {
 width: 92px;
 padding: 5px;
}

.preview .swiper-slide .imgauto {
 width: 100%;
 height: 80px;
 line-height: 78px;
 border: 1px solid #ddd;
 text-align: center;
 font-size: 0;
 cursor: pointer;
}

.preview .active-nav .imgauto {
 border: 1px solid #014f91;
}

.preview .swiper-slide .imgauto img {
 display: inline-block;
 vertical-align: middle;
 max-width: 82px;
 max-height: 70px;
 padding: 5px;
}

div.zoomDiv {
 z-index: 999;
 position: absolute;
 top: 0;
 left: 0;
 background: #ffffff;
 border: 1px solid #ddd;
 display: none;
 text-align: center;
 overflow: hidden;
 font-size: 0;
}

div.zoomDiv img {
 max-width: none;
}

div.zoomMask {
 position: absolute;
 cursor: move;
 z-index: 1;
}

.product-txt {
 overflow: hidden;
 padding-left: 38px;
}

.product-txt .protit {
 font-size: 24px;
 padding-bottom: 9px;
 margin-bottom: 9px;
 border-bottom: 1px dotted #a9a9a9;
 font-weight: 600;
}

.product-txt .txt p {
 line-height: 28px;
 font-size: 14px;
 color: #2f2f2f;
}

.product-txt .pbtn div {
 float: left;
}

.product-txt .btn {
 width: 131px;
 height: 46px;
 margin: 10px 16px 0 0;
 font-size: 16px;
 display: inline-block;
 text-align: center;
 line-height: 46px;
 border-radius: 2px;
 border: none;
 color: #fff;
}

.product-txt .btn-jiage {
 background-color: #ef1f1f;
}

.product-txt .btn-jiage:hover {
 background-color: #da0000;
}

.product-txt .btn-tel {
 background-color: #fa6600;
}

.product-txt .btn-tel:hover {
 background-color: #e44f00;
}

.product_details {
 max-width: 938px;
 height: auto;
 border: 1px solid #eee;
 margin: 0 auto;
}

.details-title {
 height: 53px;
 background-color: #f7f7f7;
 border-bottom: 1px solid #ef1f1f;
}

.details-small {
 float: right;
}

.details-small a {
 background-color: #ef1f1f;
 color: #fff;
 height: 32px;
 line-height: 30px;
 font-size: 14px;
 padding: 0 15px;
 border-radius: 2px;
 display: inline-block;
 text-align: center;
 margin: 8px 15px 0 0;
}

.details-tabs span {
 width: 110px;
 height: 53px;
 line-height: 53px;
 text-align: center;
 background-color: #ef1f1f;
 color: #fff;
 display: inline-block;
 font-size: 16px;
}

.details-tabs a {
 width: 110px;
 height: 53px;
 line-height: 53px;
 text-align: center;
 color: #333;
 display: inline-block;
 font-size: 16px;
}

.details-param ul {
 padding: 15px 15px 24px;
 overflow: hidden;
 border-bottom: 1px solid #eee;
 margin-bottom: 0px;
}

.details-param li {
 float: left;
 width: 50%;
 line-height: 22px;
 margin-bottom: 5px;
}

.details-param li span {
 color: #999;
}

.details-details {
 padding: 20px;
}

.details-details img {
 width: 100%;
}

.m-news1 {
 padding-top: 20px;
}

.m-news1 h3 {
 font-size: 24px;
 text-align: center;
 color: #434343;
 margin-bottom: 15px;
 line-height: 34px;
}

.m-news1 .param {
 text-align: center;
 border-bottom: 1px dashed #999;
 padding-bottom: 10px;
}

.m-news1 .param span {
 display: inline-block;
 font-size: 14px;
 margin: 0 10px;
}

.m-news1 .txt {
 padding: 15px 0;
 line-height: 28px;
 color: #2f2f2f;
 font-size: 14px;
}

.m-news1 .txt p {
 font-size: 16px;
 margin-bottom: 16px;
}

.m-news1 .txt p a {
 color: #003d9a;
}

.m-news1 .txt p img {
 max-width: 100%;
}

.col-r .case-content {
 padding: 10px;
 border: 1px solid #ddd;
 background-color: #f0f0f0;
}

.col-r .case-content .con {
 margin-bottom: 10px;
 padding: 15px;
 background-color: #fff;
 border: 1px solid #ddd;
}

.col-r .case-content .con .pic {
 height: auto;
 overflow: hidden;
 text-align: center;
}

.col-r .case-content .con .pic img {
 display: inline-block;
 vertical-align: middle;
 max-width: 100%;
 max-height: 100%;
}

.col-r .case-content .box {
 padding: 15px;
 background-color: #fff;
 border: 1px solid #ddd;
}

.col-r .case-content .box .tit {
 margin-bottom: 30px;
 font-size: 22px;
 color: #014f91;
 font-weight: 600;
}

.col-r .case-content .box .ul-txt-01 {
 overflow: hidden;
}

.col-r .case-content .box .ul-txt-01 li {
 float: left;
 margin-right: 4px;
 font-size: 14px;
 color: #505050;
 font-family: 'microsoft yahei', Verdana, Arial;
}

.col-r .case-content .box .ul-txt-01 p {
 font-size: 16px;
 margin-bottom: 16px;
 line-height: 1.75em;
}

.col-r .case-content .box .ul-txt-01 p:last-child {
 margin-bottom: 0;
}

.col-r .case-content .box .ul-txt-01 p img {
 max-width: 100%;
}

.col-r .case-content .box .ul-txt-01 a {
 font-size: 12px;
}

.col-r .case-content .box .ul-txt-01 a:hover {
 color: #014f91;
}

.honors-list {
 padding: 15px;
 border: 1px solid #ddd;
 background-color: #f0f0f0;
}

.honors-list .list-tit {
 margin-bottom: 15px;
 text-align: center;
}

.honors-list .list {
 padding: 3%;
 background-color: #fff;
 border: 1px solid #ddd;
 width: 94%;
}

.honors-list .list ul {
 clear: both;
 overflow: hidden;
}

.honors-list .list li {
 width: 31%;
 margin-left: 1%;
 margin-right: 1%;
 float: left;
}

.honors-list .list li a {
 display: inline-block;
}

.honors-list .list li a span {
 display: block;
 text-align: center;
 color: #000;
 font-size: 14px;
 margin-bottom: 10px;
 width: 100%;
 height: 24px;
 line-height: 24px;
 overflow: hidden;
}

.honors-list .con {
 padding: 15px;
 background-color: #fff;
 border: 1px solid #ddd;
}

.honors-list .con a {
 display: inline-block;
 width: 100%;
}

.honors-list .con a img {
 width: 100%;
}

.honors-list .box {
 padding: 20px;
 background-color: #fff;
 border: 1px solid #ddd;
 margin-bottom: 10px;
}

.honors-list .box .tit {
 font-size: 22px;
 color: #014f91;
 font-weight: 600;
 text-align: center;
}

.pre-next {
 overflow: hidden;
 padding: 15px 0;
 border-top: 1px dashed #999;
 border-bottom: 1px dashed #999;
 margin: 15px 0;
}

.pre-next li {
 float: left;
 font-size: 14px;
 -ms-text-overflow: ellipsis;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.pre-next li:last-child {
 float: right;
}

.pre-next li a {
 color: #337AB7;
 transition: .3s;
 -ms-transition: .3s;
 -moz-transition: .3s;
 -webkit-transition: .3s;
 -o-transition: .3s;
}

.pre-next li a:hover {
 color: #014f91;
}

.ul-news1 {
 margin-bottom: 20px;
 overflow: hidden;
}

.ul-news1 li {
 float: left;
 width: 49%;
 margin-right: 1%;
 font-size: 14px;
 padding: 20px 0;
 border-bottom: 1px dotted #ddd;
}

.ul-news1 li .tit {
 height: 30px;
 line-height: 30px;
 margin: 0 10px;
 overflow: hidden;
}

.ul-news1 li .tit a {
 display: block;
 font-size: 16px;
 font-weight: 600;
 color: #014f91;
 background: url(../images/news-r.png) left center no-repeat;
 padding-left: 14px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.ul-news1 li .tit .time {
 font-size: 12px;
 float: right;
 margin-left: 10px;
}

.dahua {
 position: fixed;
 right: 10px;
 bottom: 10px;
 width: 180px;
 z-index: 999;
}

.dahua a {
 display: inline-block;
}

.dahua img {
 width: 100%;
 height: 100%;
}

#kefuImg {
 position: fixed;
 right: 0;
 top: 50%;
 margin-top: -244px;
 width: 140px;
 height: 487px;
 z-index: 9998;
}

#kefuImg a {
 display: block;
}

#kefuBtn {
 color: #f00;
 position: absolute;
 top: 5px;
 left: 5px;
 font-size: 12px;
 font-weight: normal;
 border: 1px solid #f00;
 width: 40px;
 height: 20px;
 line-height: 20px;
 text-align: center;
 border-radius: 10px;
}

.c-contact {
 overflow: hidden;
}

.c-contact .cont-tit,
.c-contact .cont-add {
 width: 100%;
 line-height: 66px;
 font-size: 18px;
 color: #666;
}

.c-contact .cont-tit {
 border-bottom: 1px solid #e5e5e5;
}

.c-contact .f-cb {
 width: 100%;
 zoom: 1;
 overflow: hidden;
 clear: both;
}

.c-contact .f-cb li {
 float: left;
 width: 47%;
 padding: 60px 1% 10px;
 border-left: 1px solid #e5e5e5;
 min-height: 310px;
 text-align: center;
}

.c-contact .f-cb li:first-child {
 border-left: none;
}

.c-contact .f-cb li img {
 max-width: 100%;
 margin-bottom: 5px;
}

.c-contact .f-cb li h2 {
 font-size: 30px;
 color: #000;
 line-height: 48px;
 margin-bottom: 12px;
 font-weight: normal;
}

.c-contact .f-cb li p {
 font-size: 16px;
 color: #333;
 line-height: 36px;
}

.c-contact .f-cb li dl {
 width: 100%;
 padding-top: 40px;
}

.c-contact .f-cb li dd {
 float: left;
 width: 50%;
}

.c-contact .f-cb li dd img {
 width: 100%;
 margin: 0 auto;
}

.c-contact .f-cb li dd p {
 font-size: 14px;
 color: #000;
 line-height: 35px;
 text-align: center;
}

.c-contact .cont-add {
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
}

.c-contact .map {
 width: 100%;
 padding: 22px 0;
}

.c-contact .cont-msg {
 width: 100%;
 padding: 22px 0;
}

.c-contact .cont-msg label {
 width: 49%;
 display: inline-block;
 margin-bottom: 15px;
}

.c-contact .cont-msg label:nth-child(odd) {
 margin-left: 13px;
}

.c-contact .cont-msg label span {
 font-size: 14px;
}

.c-contact .cont-msg label input {
 width: 81%;
 height: 48px;
 line-height: 48px;
 border: 1px solid #ddd;
 font-size: 14px;
 color: #666;
 padding: 0 3%;
 border-radius: 3px;
}

.c-contact .cont-msg label.mes {
 width: 100%;
}

.c-contact .cont-msg label.mes span {
 width: 75px;
 display: block;
 float: left;
}

.c-contact .cont-msg label textarea {
 width: 91%;
 height: 120px;
 border: 1px solid #ddd;
 border-radius: 3px;
 padding: 10px;
 font-size: 14px;
 color: #666;
}

.c-contact .code {
 float: left;
 margin-left: 0;
}

.c-contact .code span {
 float: left;
 width: 61px;
 display: block;
 text-align: right;
 line-height: 50px;
}

.c-contact .code a {
 color: #333;
}

.c-contact .btn-1 {
 float: left;
 padding-left: 100px;
}

.c-contact .btn-1 input {
 width: 80px;
 height: 48px;
 line-height: 48px;
 font-size: 14px;
 border: none;
 cursor: pointer;
}

.c-contact .btn-1 input.focus {
 background: #014f91;
 color: #fff;
}

.c-contact .btn-1 input.focus:hover {
 background: #444;
}

.web-footer {
 display: none;
}

@media (max-width:1200px) {
 header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 background-color: #fff;
 z-index: 9999;
 }

 header .top {
 width: 100%;
 height: 60px;
 }

 header h1 a {
 padding: 15px 3px 9px;
 }

 header h1 img {
 height: 30px;
 }

 header .txt {
 margin: 9px 0 0 3px;
 padding-left: 3px;
 display: none;
 }

 header .txt p {
 line-height: 20px;
 font-size: 14px;
 }

 header .txt p span {
 font-weight: bold;
 color: #c80003;
 }

 header .tel {
 display: none;
 }

 header #m-icon {
 background: url(../images/menu.png) no-repeat;
 width: 35px;
 height: 35px;
 float: right;
 background-size: cover;
 margin: 11px 5px 0 0;
 cursor: pointer;
 }

 header #menu {
 width: 50%;
 height: 92%;
 background-color: #003d9a;
 position: fixed;
 right: 0;
 top: 60px;
 z-index: 999;
 overflow: scroll;
 display: none;
 }

 header .fixed {
 left: 50%;
 }

 header #menu .par_menu {
 width: 100%;
 height: 100%;
 }

 header #menu .par_menu .nav-has-sub {
 float: none;
 font-size: 16px;
 border-bottom: 1px solid #e4eaf4;
 }

 header #menu .par_menu .nav-has-sub>a {
 padding: 10px 20px;
 }

 header #menu .par_menu .nav-has-sub>a::after {
 top: 17px;
 right: 20px;
 }

 header #menu .par_menu .nav-has-sub ul {
 border-top: none;
 position: static;
 left: 0;
 }

 header #menu .par_menu .nav-has-sub ul li {
 border-top: 1px solid #fff;
 }

 header #menu .par_menu .nav-has-sub ul li a {
 padding: 10px 18px;
 width: 100%;
 background: url(../images/xzjt.png) no-repeat left center;
 margin-left: 20px;
 border: none;
 }

 header #menu .par_menu .nav-has-sub .nav-has-sub-two {
 position: relative;
 }

 header #menu .par_menu .nav-has-sub .nav-has-sub-two>a::after {
 position: absolute;
 top: 17px;
 right: 20px;
 width: 4px;
 height: 4px;
 border-bottom: 1px solid #e4eaf4;
 border-right: 1px solid #e4eaf4;
 content: "";
 transform: rotate(45deg);
 }

 header #menu .par_menu .nav-has-sub .nav-has-sub-two:hover>a::after {
 border-color: #990b2c;
 }

 header #menu .par_menu .nav-has-sub .nav-has-sub-two ul {
 position: static;
 width: 100%;
 margin-left: 0px;
 }

 header #menu .par_menu .nav-has-sub .nav-has-sub-two:hover ul {
 left: auto;
 }

 header #menu .par_menu .nav-has-sub .nav-has-sub-two ul li {
 border-top: 1px solid #fff;
 padding-left: 20px;
 }

 #main {
 margin-top: 60px;
 }

 .banner {
 margin-top: 60px;
 width: 100%;
 height: auto;
 }

 .banner img {
 width: 100%;
 height: auto;
 }

 .service {
 margin: 20px auto;
 }

 .service .tit {
 font-size: 24px;
 background-size: 95%;
 }

 .service .tit span {
 font-size: 15px;
 margin-top: 0px;
 margin-bottom: 20px;
 }

 .service-box {
 width: 100%;
 overflow: hidden;
 }

 .service-box .top-img img {
 width: 100%;
 height: auto;
 }

 .service-box .top-img .activeimg {
 height: 510px;
 overflow: hidden;
 }

 .service-box .bot-img {
 width: 100%;
 height: auto;
 margin-right: 0px;
 }

 .service-box .bot-img li {
 width: 16%;
 margin: 0 1px;
 }

 .service-box .bot-img li:first-child {
 margin-left: 1%;
 }

 .service-box .bot-img li img {
 height: auto;
 }

 .diy-server {
 padding: 30px 1%;
 height: auto;
 width: 98%;
 overflow: hidden;
 }

 .diy-title h4 {
 font-size: 20px;
 height: 30px;
 line-height: 30px;
 }

 .diy-title p {
 font-size: 14px;
 margin-bottom: 10px;
 }

 .diy-item {
 width: 100%;
 display: block;
 }

 .diy-item li {
 width: 49%;
 height: 198px;
 }

 .diy-item li .icon {
 width: 198px;
 padding: 45px 0;
 position: relative;
 left: 50%;
 margin-left: -99px;
 }

 .reason {
 width: 98%;
 margin: 20px auto 0;
 padding: 0 1%;
 }

 .reason .tit {
 font-size: 24px;
 background-size: 95%;
 }

 .reason .tit span {
 font-size: 15px;
 margin-top: 0px;
 margin-bottom: 20px;
 }

 .reason .reason-box .box-con {
 width: 100%;
 float: none;
 margin-bottom: 10px;
 }

 .reason .reason-box .box-con .con {
 margin: 0;
 }

 .reason .reason-box .box-con .con .txt {
 padding: 3%;
 }

 .reason .reason-box .box-con .con .txt .tt {
 font-size: 18px;
 height: 36px;
 line-height: 36px;
 }

 .reason .reason-box .box-con .con .txt p {
 margin: 1% 0;
 }

 .scene {
 margin-top: 20px;
 width: 98%;
 padding: 0 1%;
 background-position: center;
 }

 .scene .tit {
 font-size: 24px;
 padding-top: 60px;
 }

 .scene .tit span {
 font-size: 15px;
 }

 .products {
 margin: 20px auto 0;
 padding: 0 1%;
 }

 .products .tit {
 font-size: 24px;
 background-size: 95%;
 }

 .products .tit span {
 font-size: 14px;
 }

 .products .products-box .tab {
 margin: 10px 0;
 }

 .products .products-box .tab li {
 width: 23%;
 }

 .products .products-box .tab li a {
 width: 100%;
 height: 35px;
 line-height: 35px;
 font-size: 14px;
 }

 .products .products-box .item li {
 width: 49%;
 margin-right: 2%;
 margin-bottom: 5px;
 }

 .products .products-box .item li:nth-child(even) {
 margin-right: 0;
 }

 .cases {
 margin-top: 20px;
 height: 473px;
 }

 .cases .tit {
 font-size: 24px;
 padding-top: 27px;
 }

 .cases .tit span {
 font-size: 14px;
 }

 .cases .case-box {
 margin: 20px auto 0;
 }

 .info {
 margin: 20px auto 0;
 padding: 0 1%;
 }

 .info .info-box {
 float: normal;
 width: 100%;
 }

 .info .info-box .tit {
 font-size: 24px;
 }

 .info .info-box p {
 line-height: 20px;
 margin: 10px 0;
 }

 .info .info-pic {
 float: normal;
 width: 100%;
 height: auto;
 }

 #main .line {
 display: none;
 }

 .news {
 margin-top: 20px;
 }

 .news .tit {
 font-size: 24px;
 background-size: 95%;
 }

 .news .tit span {
 font-size: 14px;
 margin-top: 5px;
 }

 .news .news-box .tab {
 margin: 15px 0;
 }

 .news .news-box .item {
 padding: 0 5px;
 }

 .news .news-box .item .recommon {
 float: none;
 width: 100%;
 overflow: hidden;
 }

 .news .news-box .item .recommon .pic {
 width: 30%;
 height: 70px;
 float: left;
 }

 .news .news-box .item .recommon .txt {
 padding: 1%;
 width: 68%;
 height: 70px;
 float: right;
 }

 .news .news-box .item .recommon h4 {
 font-size: 16px;
 height: 26px;
 line-height: 26px;
 }

 .news .news-box .item .recommon p {
 font-size: 14px;
 margin-top: 1%;
 line-height: 20px;
 }

 .news .news-box .item ul {
 float: none;
 width: 100%;
 }

 .news .news-box .item ul li h5 {
 width: 73%;
 height: 40px;
 line-height: 40px;
 padding-left: 15px;
 }

 .news .news-box .item ul li .time {
 height: 40px;
 line-height: 40px;
 }

 .news .answer {
 margin-top: 20px;
 padding: 0 1%;
 }

 .news .answer .tit {
 float: none;
 font-size: 24px;
 letter-spacing: 5px;
 }

 .news .answer .tit span {
 font-size: 12px;
 color: #5b5b5b;
 letter-spacing: normal;
 }

 .news .answer .box {
 float: none;
 width: 98%;
 height: 79px;
 margin-top: 35px;
 }

 .news .answer .box #answer {
 height: 79px;
 }

 .news .answer .box #answer_inner {
 height: 79px;
 }

 .news .answer .box #answer_ul {
 height: 79px;
 }

 .news .answer .box li {
 width: 383px;
 padding: 10px;
 float: left;
 margin-right: 5px;
 }

 .news .answer .box li h5 {
 padding-left: 35px;
 }

 .news .answer .box li p {
 font-size: 14px;
 padding-left: 40px;
 background: url(../images/icon-da.png) left center no-repeat;
 height: 28px;
 line-height: 28px;
 color: #999;
 overflow: hidden;
 }

 .news .answer .box #button-left,
 .news .answer .box #button-right {
 bottom: 85px;
 }

 .news .answer .box #button-left {
 left: 50%;
 margin-left: -50px;
 }

 .news .answer .box #button-right {
 left: 50%;
 margin-left: 0;
 }

 #main .flink {
 margin-top: 20px;
 }

 #main .flink .item {
 padding: 10px 5px;
 }

 #main .flink .item span {
 margin-right: 10px;
 }

 #main .flink .item ul li a {
 margin-right: 10px;
 }

 footer {
 margin-bottom: 65px;
 }

 footer .bottom {
 width: 100%;
 padding: 22px 0;
 text-align: center;
 }

 footer .bottom .txt {
 float: none;
 width: 100%;
 }

 footer .bottom .txt .contact span {
 font-size: 20px;
 }

 footer .bottom .follow {
 float: none;
 width: 100%;
 margin-top: 10px;
 }

 footer .bottom .follow .content {
 width: 312px;
 margin: 0 auto;
 }

 footer .copy {
 text-align: center;
 background: #202020;
 height: 50px;
 line-height: 50px;
 }

 footer .copy p {
 color: #ccc;
 }

 footer .copy p a {
 color: #ccc;
 display: inline-block;
 text-decoration: none;
 }

 footer .copy p .hidden {
 display: none;
 }

 .position {
 padding: 0 5px;
 }

 .row-b1 .col-r {
 padding: 0 1%;
 width: 98%;
 float: none;
 }

 .g-titIns1 {
 height: auto;
 line-height: 35px;
 font-size: 18px !important;
 }

 .ul-newslist {
 margin-bottom: 10px;
 }

 .ul-newslist li {
 padding: 10px 0;
 }

 .ul-newslist li .tit {
 margin-bottom: 10px;
 height: 24px;
 line-height: 24px;
 }

 .ul-newslist li .tit a {
 font-size: 14px;
 }

 .ul-newslist li .txt p {
 font-size: 12px;
 }

 .g-pages {
 margin: 0 auto;
 }

 .g-pages .pagination {
 height: 30px;
 padding: 10px 0px;
 margin-top: 0px;
 }

 .product-pic {
 float: none;
 width: auto;
 margin: 10px 0;
 overflow: hidden;
 }

 .preview .swiper-slide {
 width: 99px;
 }

 .view .swiper-slide .imgauto {
 height: 300px;
 line-height: 300px;
 }

 .product-txt {
 margin: 0 0 20px 0;
 padding-left: 0;
 }

 .product-txt .protit {
 text-align: center;
 font-size: 20px;
 }

 .product-txt .txt {
 padding: 0 10px 10px 10px;
 }

 .product-txt .pbtn {
 display: none;
 }

 .details-details {
 padding-bottom: 20px;
 }

 .m-news1 {
 padding-top: 0px;
 }

 .m-news1 h3 {
 font-size: 18px;
 margin-bottom: 10px;
 line-height: 30px;
 }

 .m-news1 .desc span {
 font-size: 12px;
 }

 .m-news1 .txt {
 padding: 10px 0;
 line-height: 20px;
 }

 .m-news1 .txt p {
 font-size: 14px;
 margin-bottom: 10px;
 }

 .pre-next li {
 float: none !important;
 margin-bottom: 10px;
 }

 .ul-news1 {
 margin-bottom: 20px;
 overflow: hidden;
 }

 .ul-news1 li {
 float: none;
 width: auto;
 padding: 10px 0;
 }

 .ul-news1 li .tit {
 height: 24px;
 line-height: 24px;
 margin: 0 10px;
 }

 .ul-news1 li .tit a {
 font-size: 14px;
 }

 .list-product {
 margin: 0 -5px 5px -5px;
 }

 .list-product li {
 width: 50%;
 margin-top: 5px;
 }

 .list-product li a {
 margin: 0 5px;
 }

 .list-product li a .pic {
 padding-top: 57%;
 height: 0;
 position: relative;
 overflow: hidden;
 border: 10px solid #e4e4e4;
 }

 .list-product li a p {
 height: 35px;
 line-height: 38px;
 font-size: 15px;
 margin-top: -5px;
 }

 .col-r .case-content .box .tit {
 margin-bottom: 15px;
 font-size: 18px;
 }

 .col-r .case-content .box .ul-txt-01 p {
 font-size: 15px;
 margin-bottom: 10px;
 line-height: 1.25em;
 }

 .col-r .case-content .box .ul-txt-01 p img {
 max-width: 100%;
 }

 .col-r .case-content .box .ul-txt-01 a {
 font-size: 12px;
 }

 .col-r .case-content .box .ul-txt-01 a:hover {
 color: #014f91;
 }

 .dahua {
 bottom: 60px;
 width: 100px;
 }

 .wapnone,
 #kefuImg {
 display: none;
 }

 .pcnone {
 display: block;
 }

 .c-contact {
 padding: 0 1%;
 }

 .c-contact .cont-tit,
 .c-contact .cont-add {
 line-height: 22px;
 font-size: 13px;
 padding: 12px 0;
 }

 .c-contact .f-cb li {
 width: 100%;
 border-left: none;
 border-bottom: 1px solid #eee;
 min-height: auto;
 padding: 19px 2% 30px;
 }

 .c-contact .f-cb li h2 {
 font-size: 22px;
 line-height: 32px;
 margin-bottom: 6px;
 }

 .c-contact .cont-msg label {
 width: 100%;
 }

 .c-contact .cont-msg label:nth-child(odd) {
 margin-left: 0;
 }

 .c-contact .cont-msg label span {
 display: inline-block;
 margin-bottom: 5px;
 }

 .c-contact .cont-msg label input,
 .c-contact .cont-msg label.mes,
 .c-contact .cont-msg label textarea {
 width: 93.5%;
 }

 .c-contact .cont-msg label.code span {
 text-align: left;
 width: 100%;
 line-height: 1;
 }

 .c-contact .cont-msg label textarea {
 padding: 0 3%;
 width: 100%;
 }

 .web-footer {
 display: block;
 overflow: hidden;
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: 9;
 background-color: #006fe2;
 padding: 4px 0;
 box-shadow: 5px 0 10px rgba(0, 0, 0, .05);
 }

 .web-footer li {
 float: left;
 width: 19%;
 }

 .web-footer li a {
 display: block;
 text-align: center;
 font-size: 16px;
 color: #fff;
 }

 .web-footer li a i {
 display: block;
 width: 25px;
 margin: 0 auto;
 height: 3px;
 background-repeat: no-repeat;
 background-size: auto 18px;
 background-position: center center;
 }

 .web-footer li a .i5 {
 background-image: url(../images/double-dot.png);
 }
}



.ct2-sd {
 float: left;
 width: 240px;
}

.panel-sd-hd {
 background-color: #1850a6;
 color: #fff;
 padding-bottom: 5px;
}

.panel-sd-hd h4 {
 text-align: center;
 border-bottom: 1px solid #fff;
 margin: 0;
 font-size: 24px;
 padding: 20px 0;
}

.panel-sd-bd {
 border: 1px solid #ececeb;
 padding: 5px 10px;
 border-top: 0;
}

.qinlin-column h3 {
 margin: 0 0 2px;
 font-weight: normal;
 background: url(../images/p14-icon5.png) no-repeat right center #ececeb;
 padding: 0 40px;
}

.qinlin-column h3 a {
 display: block;
 line-height: 50px;
 font-size: 18px;
 color: #333;
}

.qinlin-column h3.on,
.qinlin-column h3:hover {
 background: url(../images/p14-icon2.png) no-repeat right center #1850a6;
}

.qinlin-column h3.on a,
.qinlin-column h3:hover a {
 color: #fff;
}

.qinlin-column li {
 line-height: 50px;
 border-bottom: 1px solid #fff;
}

.qinlin-column li a {
 display: block;
 padding: 0 40px;
 background-color: #ececec;
}

.qinlin-column .sub>a {
 position: relative;
}

.qinlin-column .sub>a:after {
 content: "";
 width: 8px;
 height: 8px;
 border: 2px solid #b8b8b8;
 border-style: solid solid none none;
 position: absolute;
 top: 50%;
 right: 32px;
 margin-top: -4px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

.qinlin-column .sub.open>a:after {
 border-color: #1850a6;
}

.qinlin-column .sub-box {
 border-left: 1px solid #ececec;
 border-right: 1px solid #ececec;
 display: none;
}

.qinlin-column .sub.open .sub-box {
 display: block;
}

.qinlin-column .sub-box p {
 margin: 0;
 border-bottom: 1px solid #ececec;
}

.qinlin-column .sub-box a {
 background-color: transparent;
 padding-left: 60px;
}

.qinlin-column ul li.on a {
 color: #1850a6;
}

.qinlin-column ul li.on>a:after {
 border-color: #1850a6;
}

.qinlin-contact-z1 {
 height: 140px;
 background: url(../images/contact-z1.jpg) no-repeat;
 margin-bottom: 20px;
}

.qinlin-contact-z1 p {
 margin: 0;
 font-size: 20px;
 line-height: 30px;
 background: url(../images/contact-z1_tel.png) no-repeat 74px 44px;
 padding: 37px 0 0 95px;
}

.qinlin-contact-z1 span {
 line-height: 30px;
 font-size: 18px;
 padding-left: 73px;
}

.product-txt .tel {
 border-top: 2px solid #e6e6e6;
 margin-top: 15px;
 padding-top: 15px;
 background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;
 height: 42px;
 padding-left: 70px;
 line-height: 21px;
 font-size: 18px;
}

.product-txt .tel a {
 float: right;
 line-height: 42px;
 padding: 0 15px;
 background-color: #1850a6;
 color: #fff;
}


.qinlin-message {
 background: url(../images/r1-orderform-1-bg.jpg) no-repeat center bottom #fff;
 border: 1px solid #ddd;
 padding: 50px 0;
}

.form-group {
 margin-bottom: 15px;
 text-align: center;
 overflow: hidden;
}

.form-label {
 display: inline-block;
 vertical-align: middle;
 line-height: 34px;
 width: 100px;
 text-align: right;
}

.form-label span {
 color: #1850a6;
}

.form-content {
 margin-left: 10px;
 display: inline-block;
 vertical-align: middle;
}

.form-control {
 line-height: 20px;
 font-size: 14px;
 border: 1px solid #ddd;
 padding: 6px 12px;
 width: 400px;
 display: inline-block;
 vertical-align: top;
 font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue",
 Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei",
 sans-serif;
}

select.form-control {
 height: 34px;
}

.form-submit {
 padding: 6px 22px;
 color: #fff;
 background-color: #1850a6;
 border: 0;
 cursor: pointer;
 font-size: 16px;
 border-radius: 3px;
}

.form-button {
 padding: 6px 22px;
 color: #fff;
 background-color: #767676;
 border: 0;
 cursor: pointer;
 font-size: 16px;
 border-radius: 3px;
}


@media (max-width:1200px) {
 .ct2-sd {
 display: none;
 }

 .qinlin-footer-fix {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background-color: #363636;
 z-index: 10;
 display: block !important;
 }

 .qinlin-footer-fix li {
 float: left;
 width: 25%;
 }

 .qinlin-footer-fix li a {
 display: block;
 text-align: center;
 color: #fff;
 padding: 10px 0;
 font-size: 14px;
 line-height: 1;
 }

 .qinlin-footer-fix li i {
 display: block;
 height: 24px;
 background: no-repeat center;
 background-size: contain;
 margin-bottom: 6px;
 }

 .qinlin-footer-fix li i.i1 {
 background-image: url(../images/f_ico01.png);
 }

 .qinlin-footer-fix li i.i2 {
 background-image: url(../images/f_ico02.png);
 }

 .qinlin-footer-fix li i.i3 {
 background-image: url(../images/f_ico03.png);
 }

 .qinlin-footer-fix li i.i4 {
 background-image: url(../images/f_ico04.png);
 }
}

@media (max-width:768px) {
 .qinlin-message{
 padding: 30px 0;
 }
 .form-group{
 text-align: left;
 }
 .form-label{
 width: auto;
 margin-left: 15px;
 }
 .form-content{
 width: calc(100% - 30px);
 margin-left: 15px;
 }
 .form-control{
 width: 100%;
 box-sizing: border-box;
 }

 .scene .simg{
 margin: 30px 0;
 }
 .scene .simg img{
 max-width: 150px;
 margin: 10px;
 }
}